    <style>
        html, body {
            -ms-touch-action: none;
            background: #1d2054;
            padding: 0;
            border: 0;
            margin: 0;
            height: 100%;
            text-align: center;
        }

        .main_bg_pc{
            background-image: url(./imgs/bg.jpg);
            background-repeat: no-repeat;
            background-size: 100%;

        }

        .bg_img{
            width: 100%;
            /*min-width: 1920px;*/
            position: absolute;
            left: 0;
            top: 0;
        }

        .top_left_img{
            position: absolute;
            top: 0;
            left: 0;
        }

        .top_right_img{
            position: absolute;
            top: 0;
            right: 0;
        }

        .top_div{
            width: 1199px;
            top: 0;
            height: 173px;
        }

        .select_div{
            margin-top: 10px;
        }

        .left_arrow{
            position: absolute;
            left: 0;
        }

        .right_arrow{
            position: absolute;
            right: 0;
        }

        .content_div{
            display: inline-block;
            position: relative;
            width: 1199px;
        }

        .content_img{
            width: 100%;

        }
        .bottom_div{
            background-image: url(imgs/bottom_bg.png);
            background-size: 100%;
            display: inline-block;
            width: 1179px;
            height: 559px;
            position: relative;
        }
        
        
        .more_a{
            position: absolute;
            right: 28px;
            top: 12px;
            font-size: 24px;
            color: #fff;
        }

        .content{
            background-image: url(imgs/content_bg.png);
            background-size: 100%;
            background-repeat: no-repeat;
            width: 1199px;
            height: 1486px;
        }

        .row_container{
            font-size: 0;
        }

        .row_container div{
            display: inline-block;
            height: 100%;
            
        }

        .self_tile{
            background-image: url(imgs/self_bg.png);
            background-size: 100%;
            background-repeat: no-repeat;
            width: 244px;
            display: inline-block;

        }

        .normal_tile{
            background-image: url(imgs/normal_bg.png);
            background-size: 100%;
            background-repeat: no-repeat;
            width: 231px;
            display: inline-block;

        }

        .select{
            background-image: url(imgs/select_bg.png);
            width: 992px;
            height: 50px;
            font-size: 24px;
            color: #fff;
            line-height: 46px;
            text-align: left;
            padding-left: 10px;
        }

        .bottom_ul{
            position: relative;
            text-align: left;
            list-style: none;
            width: 1147px;
            height: 500px;
            overflow-y: auto;
            padding: 0;
            display: inline-block;
        }

        .bottom_ul li{
            width: 100%;
            height: 88px;
            line-height: 88px;
            border-bottom: #ccc solid 1px;
            font-size: 20pt;
        }
        
        .bottom_ul li:last-child{
            border: none;
        }

        .bottom_ul img{
            margin-right: 50px;
        }

        
    </style>
   

<img class="top_left_img" src="imgs/top_left.png">
<img class="top_right_img" src="imgs/top_right.png">
<div class="content_div">
    <div class="top_div">
        <img class="left_arrow" src="imgs/arrow_left.png">
        <img class="right_arrow" src="imgs/arrow_right.png">
        <div style="display: inline-block; width: 1094px; height: 122px; margin-top: 25px;overflow-x: auto;">
            <img src="imgs/avatar.png">
            <img src="imgs/avatar.png">
            <img src="imgs/avatar.png">
            <img src="imgs/avatar.png">
            <img src="imgs/avatar.png">
            <img src="imgs/avatar.png">
            <img src="imgs/avatar.png">
            <img src="imgs/avatar.png">
            <img src="imgs/avatar.png">
            <img src="imgs/avatar.png">
            <img src="imgs/avatar.png">
        </div>
    </div>
    <!--选择词-->
    <div class="select_div">
        <div id="comboboxDiv" class="" style="width: 992px; display: inline-block; position: relative; vertical-align: top;">
            <div class="select">
                <span>显示内容</span>
            </div>
            <ul class="dropdown-menu" role="menu">
                <li><a>Action</a></li>
                <li><a>Another action</a></li>
                <li><a>Something else herefdsfsdafadsfsadfasdfsadfdsa</a></li>
                <li><a>Separated link</a></li>
            </ul>
        </div>
        <a id="signBtn"><img src="imgs/sign.png"></a>
    </div>
    <!--提醒-->
    <div style="margin: 10px 0;">
        <img src="imgs/tips.png">
    </div>
    <!--内容-->
    <div id="contentDiv" class="content">
        <div class="row_container" style="width: 98%; height: 897px;">
            <div id="row0">
                <li class="self_tile">
                    <img src="imgs/self_fg.png">
                </li>
                <li class="normal_tile">
                    <img src="imgs/normal_fg.png">
                </li>
            </div>
            <div id="row1">
                <li class="self_tile">
                    <img src="imgs/self_fg.png">
                </li>
                <li class="normal_tile">
                    <img src="imgs/normal_fg.png">
                </li>
            </div>
            <div id="row2">
                <li class="normal_tile"></li>
            </div>
            <div id="row3">
                <li class="normal_tile"></li>
            </div>
            <div id="row4">
                <li class="normal_tile"></li>
            </div>
        </div>
        <!--底部-->
        <div class="bottom_div">
            <a class="more_a" href="#detail"><span>更多</span></a>
            <ul class="bottom_ul" style="margin-top: 57px; list-style: none; width: 1147px;">
                
                
            </ul>
        </div>
    </div>
</div>
</div>

<script id="bottomTpl" type="text/template">
    <li>
        <a class="dayList" href="#">
        <img src="imgs/logo.png">
        <span class="nameSpan"></span>
        </a>
    </li>
</script>
